<template>
  <div class="game">
    <slot a="哈哈" b="嘿嘿" :games="games">等待您放入结构.....</slot>
  </div>
</template>

<script>
  export default {
    name:'Game',
    data() {
      return {
        games:[
          {id:'asdtrd1',name:'英雄联盟'},
          {id:'asdtrd2',name:'原神'},
          {id:'asdtrd3',name:'红色警戒'},
          {id:'asdtrd4',name:'斗罗大陆'}
        ]
      }
    },
  }
</script>

<style scoped>
  .game {
    width: 300px;
    height: 400px;
    background-color: skyblue;
    padding: 10px;
    border-radius: 10px;
    box-shadow:  0 0 10px;
  }
  li {
    font-size: 25px;
  }
</style>